<template>
	<view class="container">
		<image class="item" mode="aspectFit" :src="img1" @click="toPage()">
		<image class="item" mode="aspectFit" :src="img2" @click="toPage()">
		<image class="item" mode="aspectFit" :src="img3" @click="toPage('pages/courseList/courseList')">
	</view>
</template>

<script lang="ts">
    import Vue from 'vue';
	export default Vue.extend({
		data() {
			return {
				title: '文娱列表',
                img1: 'https://bizser.njtrh.com:9954/images/biztd/20211209/2021120901084486.jpg',
                img2: 'https://bizser.njtrh.com:9954/images/biztd/20211209/20211209010932567.jpg',
                img3: 'https://bizser.njtrh.com:9954/images/biztd/20211209/20211209011013612.jpg',
			}
		},
		methods: {
            toPage(url){
                if(url){
	                this.$u.route(url)
                }
            }
		}
	});
</script>

<style scoped lang="scss">
@import '../../assets/scss/common.scss';

.container{
    // background-color: #efefef;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    padding-top: 40rpx;
    image{
        width: 94vw;
        height: 34.71vw;
        border-radius: 20rpx;
        margin-bottom: 30rpx;
    }
}
</style>
